<template>
  <div>
    <video ref="videoPlayer" src="C:\Users\HUAWEI\Documents\Tencent Files\2219376948\FileRecv\MobileFile\19.MP4" class="video-js vjs-big-play-centered"></video>
  </div>
</template>
<script>
export default {
  name: "VideoPlayer",
  props: {
    options: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {
      player: null
    }
  },
  mounted() {
    this.player = this.$video(this.$refs.videoPlayer, this.options, function onPlayerReady() {
      console.log('onPlayerReady', this);
    })
  },
  beforeDestroy() {
    if (this.player) {
      this.player.dispose()
    }
  }
}
</script>

<style scoped>

</style>
